// 基本信息
<template>
    <info-block @on-save="save" @on-cancel="cancel">
        <div slot="title">基本信息</div>
        <div slot="read-box">
            <div class="info-block-line">
                <div class="read-head">
                    账号id
                </div>
                {{ me.id }}
            </div>
            <div class="info-block-line">
                <div class="read-head">
                    用户名
                </div>
                {{ me.name }}
            </div>
            <div class="info-block-line">
                <div class="read-head">
                    性别
                </div>
                {{ me.gender }}
            </div>
        </div>
        <div slot="edit-box" style="text-align: center">
            <div class="info-block-edit">
                用户名
                <Input v-model="me.name"/>
            </div>
            <div class="info-block-edit">
                性别
                <Input v-model="me.gender"/>
            </div>
            <div class="info-block-edit">
                个性签名
                <Input v-model="me.signature"/>
            </div>
            <div class="info-block-edit">
            </div>
        </div>
    </info-block>
</template>

<script lang='ts'>
import { InfoBase } from "./Index";
export default InfoBase;
</script>

<style lang='scss' scoped>
</style>